<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <title>中医艾灸模板</title>

    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .medicine_img img {
            width: 100%;
        }
        
        .medicine_list_img img {
            width: 100%;
        }
        
        .medicine_img_box .medicine_list_img:nth-child(1) {
            margin-bottom: 23px;
        }
        
        .medicine_list_txt {
            color: #999999;
            padding: 67px 15px;
        }
        
        .medicine_list_txt h6 {
            font-size: 24px;
        }
        
        .medicine_list_txt h6 span {
            font-size: 14px;
        }
        
        .medicine_list {
            padding: 50px 0;
        }
        
        .medicine_list_img {
            overflow: hidden;
        }
        
        .medicine_list_img:hover img {
            transition: .6s;
            transform: scale(1.2);
        }
        
        @media(max-width:768px) {
            .medicine_img_box {
                display: flex;
                flex-direction: row;
            }
            .medicine_list_img {
                margin-top: 10px;
            }
            .medicine_list_img img {
                padding: 0 5px;
            }
            .medicine_list_txt {
                padding-top: 20px;
            }
            .medicine_img_box .medicine_list_img:nth-child(2) {
                margin-bottom: 23px;
            }
        }
    </style>
</head>

<body>
    <div class="medicine">
        <div class="container">
            <div class="medicine_list">
                <ul class="row">
                    <li class="col-lg-5 col-md-5 col-12">
                        <div class="medicine_img">
                            <img src="img/medicine/img1.webp" alt="">
                        </div>
                    </li>
                    <li class="col-lg-3 col-md-3 col-12 ">
                        <div class="medicine_img_box">
                            <div class="medicine_list_img">
                                <img src="img/medicine/img2.webp" alt="">
                            </div>
                            <div class="medicine_list_img">
                                <img src="img/medicine/img3.webp" alt="">
                            </div>
                        </div>

                    </li>
                    <li class="col-lg-4 col-md-4 col-12">
                        <div class="medicine_list_txt">
                            <h4>中医文化</h4>
                            <h6>C<span>ULTURE</span></h6>
                            <p>中医学以阴阳五行作为理论基础，将人体看成是气、形、神的统一体，通过“望闻问切”四诊合参的方法，探求病因、病性病位、分析病机及人体内五脏六腑、经络关节、气血津液的变化、判断邪正消长，进而得出病名。</p>
                            <p>归纳出证型，以辨证论治原则，制定“汗、吐、下、清、补、消”等治法，使用中药、针灸、推拿、按摩、拔罐、气功、食疗等多种治疗手段，使人体达到阴阳调和而康复。</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>